﻿<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title>Гостиницы и пансионаты крыма</title>

<style type="text/css">
html { 
color : #000; 
background : #fff; 
} 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { 
margin : 0; 
padding : 0; 
} 
table { 
border-collapse : collapse; 
border-spacing : 0; 
} 
fieldset, img { 
border : 0; 
} 
address, caption, cite, code, dfn, em, strong, th, var { 
font-style : normal; 
font-weight : normal; 
} 
li { 
list-style : none; 
} 
caption, th { 
text-align : left; 
} 
h1, h2, h3, h4, h5, h6 { 
font-size : 100%; 
font-weight : normal; 
} 
q:before, q:after { 
content : ''; 
} 
abbr, acronym { 
border : 0; 
font-variant : normal; 
} 
sup { 
vertical-align : text-top; 
} 
sub { 
vertical-align : text-bottom; 
} 
input, textarea, select { 
font-family : inherit; 
font-size : inherit; 
font-weight : inherit; 
} 
legend { 
color : #000; 
} 
body { 
font : 13px/1.231 arial, helvetica, clean, sans-serif; 
font-size : small; 
} 
table { 
font-size : inherit; 
} 
body { 
text-align : center; 
} 
a { 
text-decoration : none; 
color : #000; 
} 
a:hover { 
text-decoration : underline; 
} 
#bg { 
background : url(bg.jpg); 
margin : 0 auto; 
width : 900px; 
height : 900px; 
} 
#wrap { 
width : 800px; 
text-align : left; 
margin : 0 auto; 
position : relative; 
top : 50px; 
} 
.float-l { 
float : left; 
} 
.float-r { 
float : right; 
} 
.left { 
width : 233px; 
background : #e7ecef; 
height : 780px; 
} 
.right { 
width : 567px; 
height : 780px; 
background : #fff; 
} 
#logo { 
background : url(hdr.jpg); 
height : 210px; 
} 
#logo h1 { 
font-size : 34px; 
color : #223802; 
} 
#logo h1 { 
padding : 70px 0 0 100px; 
} 
#logo div { 
padding-left : 150px; 
} 
ul#nav { 
background : url(hdl.jpg); 
height : 176px; 
padding : 50px 50px 0 50px; 
} 
ul#nav li { 
line-height : 1.9em; 
border-bottom : 1px solid #fff; 
} 
ul#nav li a { 
color : #ffffff; 
} 
#meun h2 { 
font-size : 24px; 
padding : 30px 0 0 40px; 
} 
#meun ul { 
padding : 10px 50px 0 50px; 
} 
#meun li { 
line-height : 1.9em; 
border-bottom : 1px solid #88bcbc; 
list-style : disc inside; 
color : #336666; 
} 
#meun li a { 
color : #336666; 
} 
#main h2 { 
font-size : 36px; 
color : #669900; 
padding : 50px 50px 0 50px; 
} 
#main p { 
padding : 20px 50px 0 50px; 
} 
#footer { 
clear : both; 
height : 60px; 
} 
#footer a { 
color : #ffffff; 
} 
#footer { 
color : #fff; 
left : 20px; 
position : relative; 
top : 10px; 
} 
#xhtml { 
position : absolute; 
left : 550px; 
} 
.divText { 
overflow : auto; 
height : 342px; 
width : 567px; 
} 
.divImage { 
overflow : hidden; 
height : 228px; 
width : 567px; 
}
</style>
</head>

<body>
<div id="bg">
    <div id="wrap">
        <div class="float-l left">
            <ul id="nav">
                <li><a href="#">Главная страница</a></li>
                <li><a href="#">О нас</a></li>
                <li><a href="#">Гостиницы</a></li>
                <li><a href="#">Пансионаты</a></li>
                <li><a href="#">Как связаться</a></li>
            </ul>

            <div id="meun">
                <h2>Гостиницы</h2>
                <ul>
                    <li><a href="#">Центральный Крым </a></li>
                    <li><a href="#">ЮБК </a></li>
                    <li><a href="#">Восточный Крым </a></li>
                    <li><a href="#">Западный Крым </a></li>
                </ul>
            </div>
        </div>

        <div class="float-r right">
            <div id="logo">
                <h1>Отдохни в крыму</h1>

                <div>Горы, море, солнце...</div>
            </div>

            <div id="main">
                <div id="mainimage" class="divImage">
                <img src="img.jpg" alt=""/>
                </div>

                <div id="text" class="divText">
                    <h2>О Крыме</h2>

                    <p>Волшебный край! Очей отрада!<br/>
                        Все живо там: холмы, леса,<br/>
                        Янтарь и яхонт винограда,<br/>
                        Долин приютная краса,<br/>
                        И струй и тополей прохлада,<br/>
                        Все чувство путника манит,<br/>
                        Когда, в час утра безмятежный,<br/>
                        В горах дорогою прибрежной<br/>
                        Привычный конь его бежит,<br/>
                        И зеленеющая влага<br/>
                        Пред ним и блещет и шумит<br/>
                        Вокруг утесов Аю-дага…<br/>

                        <br/>
                        А.С. Пушкин<br/>
                    </p>
                </div>
            </div>
        </div>

        <div id="footer">
            <div class="float-l">
                <div id="ftlink"><a href="#">Главная страница</a> | <a href="#">О нас</a> | <a href="#">Гостиницы</a> |
                    <a href="#">Пансионаты</a> | <a href="#">Как связаться</a></div>

                <p id="copyright">© 2008. All Rights Reserved. <br/>
                    Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a
                        href="http://www.dubaiapartments.biz/">Dubai Hotels</a></p>
            </div>

            <div id="xhtml" class="float-r">
			
                <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbambat.narod.ru%2Findex.html">
                    <img src="xhtml.jpg" alt=" xhtml valid"/>
                </a>
                <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fbambat.narod.ru%2Findex.html&amp;profile=css21&amp;usermedium=all&amp;warning=0">
                    <img src="css.jpg" alt="css valid" />
                </a>
            </div>
        </div>
        <!-- /footer -->
    </div>
</div>
<div>
<!-- Histats.com  START (hidden counter) -->
<a href="http://www.histats.com" alt="free statistics" target="_blank" >
<img  src="http://sstatic1.histats.com/0.gif?1283905&101" alt="free statistics" border="0">
<!-- Histats.com  END  -->
</div>
</body>
</html>
